{template 'common/header'}
<style type="text/css">
body{
	/* font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']};
	color:{if empty($_W['styles']['fontcolor'])}#555{else}{$_W['styles']['fontcolor']}{/if}; */
	padding:0;
	margin:0;
	background-color: #fff;
	/* background-image:url('{if empty($_W['styles']['indexbgimg'])}./themes/default/images/bg_index.jpg{else}{$_W['styles']['indexbgimg']}{/if}');
	background-size:cover;
	background-color:{if empty($_W['styles']['indexbgcolor'])}#fbf5df{else}{$_W['styles']['indexbgcolor']}{/if};
	{$_W['styles']['indexbgextra']} */
}
a{color:{$_W['styles']['linkcolor']}; text-decoration:none;}
{$_W['styles']['css']}
ul,li {list-style-type: none;}
.home-container{width: 100%;}
.bannerList-img img{width: 100%;}
.home-container .box-item{float:left;display:block;text-decoration:none;outline:none;text-align:center;width:33%; height:70px;color:#666;}
.home-container i{display:block;width:42px;height:42px; margin:0 auto 10px;background-size: 100%;background-repeat: no-repeat;}
.box-item:nth-child(1) i{background-image:url(../app/themes/default/images/nav-icon1.png);}
.box-item:nth-child(2) i{background-image:url(../app/themes/default/images/nav-icon2.png);}
.box-item:nth-child(3) i{background-image:url(../app/themes/default/images/nav-icon3.png);}
.box-item:nth-child(4) i{background-image:url(../app/themes/default/images/nav-more.png);}
.home-container span{color:{$_W['styles']['fontnavcolor']};display:block;overflow:hidden;font-size:15px;}
.footer{color:#dddddd;}
.home-container ul li{padding: 10px 18px 0;}
.home-container ul li a{text-decoration: none; position: relative; display: block;}
.home-container .createtime{color:#999;font-size:12px}

.site-nav{overflow:hidden; padding-top: 18px;}
.fa-external-link:before{content:""}
.commodity{height: 150px;overflow-y: hidden;}
.commodity img{width:100%;height:auto;}
.home-container .title{width:100%;height:30px;line-height:30px;background-color:rgba(0,0,0,0.6);color:#fff;position: absolute; left:0; bottom:0;padding-left:15px;box-sizing:border-box;}
.article-title{padding:15px 18px 0;}
.article-title p{height: 28px; line-height:28px; padding:0 10px; color:#666; font-size: 12px; background-color: #eaeaea; margin:0;}
.article-title p img{width:19px; vertical-align: top; margin-top: 5px; float:right;}
</style>
<div class="home-container clearfix">

	<!--幻灯片-->
	{data func="site_slide_search" item="row" limit="4"}
	<li class="bannerList-img"><img src="{$row['thumb']}" alt=""></li>
	{/data}

	<!--微导航-->
	<div class="site-nav">
		{data func="site_navs" item="row"}
			{$row['html']}
		{/data}
	</div>
	<!-- 该分类下文章-start -->
	{if $_GPC['c'] == 'home' && !empty($_GPC['t'])}

	<!--文章列表-->
	<div class="article-title"><p>最新活动<img src="../app/themes/default/images/brand-icon.png"></p></div>
	<ul class="list list-unstyled">
		{loop $category_list $cid $category}
		{data func="site_article" cid=$cid return="true" assign="result"}
			{loop $result['list'] $row}
			<li>
				<a href="{$row['linkurl']}">
					<div class="commodity"><img src="{$row['thumb']}"></div>
					<div class="title">{php echo cutstr($row['title'],10,1);}</div>
					<!-- <div class="createtime">{php echo date('Y-m-d H:i:s', $row['createtime'])}</div> -->
				</a>
			</li>
			{/loop}
		{/loop}
	</ul>
	{/if}

	
	<div class="category">
		{data func="site_category" parentid="$cid"}
		<a href="{$row['linkurl']}">{$row['name']}</a>
		{/data}
	</div>


	<!-- 该分类下文章-start -->
</div>
{template 'common/footer'}